<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <meta http-equiv="Content-Type" content="text/xhtml; charset=utf-8"/>
   <meta name="description" content="Sprite animation for use with jQuery"/>
   <title>jQuery sprite animation effect</title>
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
   <script type="text/javascript" src="../jpan-spriteAnimation.js"></script>

   <script type="text/javascript">
      jQuery(document).ready(function() {
         jQuery.noConflict();
         jpan.stardust();
      });
   </script>
   <link rel="stylesheet" type="text/css" href="css/stardust.css"/>
</head>
<body>

<h1>Sprite animation</h1>

<p>poof click effect and stardust following mouse.</p>

<p>I was inspired by a script created by <a href="http://www.kombine.net/jquery/jquery-poof-effect">'Kreg Wallace'</a>
   to create mine.<br/>
   I don't have a nice downloadable zip but if you are interested in the source take a look at source of this page
   and:<br/>
   the <a href="js/spriteAnimation.js">javascript </a><br/>
   the <a href="css/spriteAnimation.css">css</a><br/>
   the <a href="gfx/stardust.png">star image</a> and <a href="gfx/poof.png">poof image</a><br/>
</p>

<p>
   Cees van Wieringen.<br/>
   email: ceesvw@gmail.com<br/>
</p>

<div class="example">

   <div class="poof-effect">Click me!</div>

   <div class="clear"></div>
   <hr/>
   <div id="log"></div>
</div>


</body>
</html>